<!DOCTYPE html>
<html ng-app="inspinia">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Page title set in pageTitle directive -->
    <title page-title></title>

    <!-- Summernote -->
    <link href="css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="css/plugins/summernote/summernote-bs3.css" rel="stylesheet">

    <!-- Angular notify -->
    <link href="css/plugins/angular-notify/angular-notify.min.css" rel="stylesheet">

    <!-- Colorpicker -->
    <link href="css/plugins/colorpicker/colorpicker.css" rel="stylesheet">

    <!-- Font awesome -->
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Bootstrap and Fonts -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Full Calendar -->
    <link href="css/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">

    <!-- Morris -->
    <link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">

    <!-- Style for wizard - based on Steps plugin-->
    <link href="css/plugins/steps/jquery.steps.css" rel="stylesheet">

    <!-- FancyBox -->
    <link href="js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">

    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <!-- iCheck -->
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">

    <!-- Chosen Plugin -->
    <link href="css/plugins/chosen/chosen.css" rel="stylesheet">

    <!-- Dropzone style -->
    <link href="css/plugins/dropzone/basic.css" rel="stylesheet">
    <link href="css/plugins/dropzone/dropzone.css" rel="stylesheet">

    <!-- Switchery iOS style -->
    <link href="css/plugins/switchery/switchery.css" rel="stylesheet">

    <!-- noUiSlider for Range Slider-->
    <link href="css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet">

    <!-- DataPicker -->
    <link href="css/plugins/datapicker/angular-datapicker.css" rel="stylesheet">

    <!-- Ion Range Slider -->
    <link href="css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet">
    <link href="css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet">

    <!-- Ng-Grid -->
    <link href="js/plugins/nggrid/ng-grid.css" rel="stylesheet">

    <!-- Code Mirror -->
    <link href="css/plugins/codemirror/codemirror.css" rel="stylesheet">
    <link href="css/plugins/codemirror/ambiance.css" rel="stylesheet">

    <!-- ui Tree -->
    <link href="css/plugins/uiTree/angular-ui-tree.min.css" rel="stylesheet">

    <!-- Main Inspinia CSS files -->
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">



</head>

<!-- ControllerAs syntax -->
<!-- Main controller with serveral data used in Inspinia theme on diferent view -->
<body ng-controller="MainCtrl as main">

<!-- Wrapper-->
<div id="wrapper">

    <!-- Navigation -->
    <div ng-include="'views/common/navigation.html'"></div>

    <!-- Page wraper -->
    <!-- ng-class with current state name give you the ability to extended customization your view -->
    <div id="page-wrapper" class="gray-bg {{$state.current.name}}">

        <!-- Page wrapper -->
        <div ng-include="'views/common/topnavbar.html'"></div>

        <!-- Main view  -->
        <div ui-view></div>

        <!-- Footer -->
        <div ng-include="'views/common/footer.html'"></div>

    </div>
    <!-- End page wrapper-->

</div>
<!-- End wrapper-->


<!-- jQuery and Bootstrap -->
<script src="js/jquery/jquery-2.1.1.min.js"></script>
<script src="js/plugins/jquery-ui/jquery-ui.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>

<!-- MetsiMenu -->
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>

<!-- SlimScroll -->
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Flot -->
<script src="js/plugins/flot/jquery.flot.js"></script>
<script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="js/plugins/flot/jquery.flot.spline.js"></script>
<script src="js/plugins/flot/jquery.flot.resize.js"></script>
<script src="js/plugins/flot/jquery.flot.pie.js"></script>
<script src="js/plugins/flot/curvedLines.js"></script>

<!-- Peity -->
<script src="js/plugins/peity/jquery.peity.min.js"></script>

<!-- Morris -->
<script src="js/plugins/morris/raphael-2.1.0.min.js"></script>
<script src="js/plugins/morris/morris.js"></script>

<!-- iCheck -->
<script src="js/plugins/iCheck/icheck.min.js"></script>

<!-- Chosen -->
<script src="js/plugins/chosen/chosen.jquery.js"></script>

<!-- Peace JS -->
<script src="js/plugins/pace/pace.min.js"></script>

<!-- Fancy box -->
<script src="js/plugins/fancybox/jquery.fancybox.js"></script>

<!-- Rickshaw -->
<script src="js/plugins/rickshaw/vendor/d3.v3.js"></script>
<script src="js/plugins/rickshaw/rickshaw.min.js"></script>

<!-- Ion Range Slider-->
<script src="js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>

<!-- NouSlider -->
<script src="js/plugins/nouslider/jquery.nouislider.min.js"></script>

<!-- Jvectormap -->
<script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<!-- Input Mask-->
<script src="js/plugins/jasny/jasny-bootstrap.min.js"></script>

<!-- Switchery -->
<script src="js/plugins/switchery/switchery.js"></script>

<!-- Data Tables -->
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>

<!-- EasyPIE -->
<script src="js/plugins/easypiechart/easypiechart.js"></script>

<!-- Sparkline -->
<script src="js/plugins/sparkline/jquery.sparkline.min.js"></script>

<!-- Dropzone -->
<script src="js/plugins/dropzone/dropzone.js"></script>

<!-- Cahrt JS -->
<script src="js/plugins/chartJs/Chart.min.js"></script>

<!-- Knob -->
<script src="js/plugins/jsKnob/jquery.knob.js"></script>

<!-- SUMMERNOTE -->
<script src="js/plugins/summernote/summernote.min.js"></script>

<!-- Full Calendar -->
<script src="js/plugins/fullcalendar/fullcalendar.min.js"></script>

<!-- Code Mirror -->
<script src="js/plugins/codemirror/codemirror.js"></script>
<script src="js/plugins/codemirror/mode/javascript/javascript.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>

<!-- Angular scripts-->
<script src="js/angular/angular.min.js"></script>
<script src="js/ui-router/angular-ui-router.min.js"></script>
<script src="js/bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script>

<!-- Angular Dependiences -->
<script src="js/plugins/peity/angular-peity.js"></script>
<script src="js/plugins/easypiechart/angular.easypiechart.js"></script>
<script src="js/plugins/flot/angular-flot.js"></script>
<script src="js/plugins/rickshaw/angular-rickshaw.js"></script>
<script src="js/plugins/summernote/angular-summernote.min.js"></script>
<script src="js/bootstrap/angular-bootstrap-checkbox.js"></script>
<script src="js/plugins/jsKnob/angular-knob.js"></script>
<script src="js/plugins/switchery/ng-switchery.js"></script>
<script src="js/plugins/nouslider/angular-nouislider.js"></script>
<script src="js/plugins/datapicker/datePicker.js"></script>
<script src="js/plugins/chosen/chosen.js"></script>
<script src="js/plugins/dataTables/angular-datatables.min.js"></script>
<script src="js/plugins/fullcalendar/gcal.js"></script>
<script src="js/plugins/fullcalendar/calendar.js"></script>
<script src="js/plugins/chartJs/angles.js"></script>
<script src="js/plugins/uievents/event.js"></script>
<script src="js/plugins/nggrid/ng-grid-2.0.3.min.js"></script>
<script src="js/plugins/ui-codemirror/ui-codemirror.min.js"></script>
<script src="js/plugins/uiTree/angular-ui-tree.min.js"></script>
<script src="js/plugins/angular-notify/angular-notify.min.js"></script>
<script src="js/plugins/colorpicker/bootstrap-colorpicker-module.js"></script>

<!--
 You need to include this script on any page that has a Google Map.
 When using Google Maps on your own site you MUST signup for your own API key at:
 https://developers.google.com/maps/documentation/javascript/tutorial#api_key
 After your sign up replace the key in the URL below..
-->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDQTpXj82d8UpCi97wzo_nKXL7nYrd4G70"></script>
<script src="js/plugins/uimaps/ui-map.js"></script>

<!-- Anglar App Script -->
<script src="js/app.js"></script>
<script src="js/config.js"></script>
<script src="js/directives.js"></script>
<script src="js/controllers.js"></script>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-4625583-2', 'webapplayers.com');
    ga('send', 'pageview');

</script>

</body>
</html>
